<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册页</title>
		<link rel="stylesheet" href="../css/register.css" />
		<script type="text/javascript" src="../js/require.js" defer async="true" data-main= "../js/register"></script>
	</head>
	<body>
		<!--top部分-->
		<section id = "jhmTopContainer" class = "jhm-top-container">
			<div id = "jhmTop" class = "jhm-top">
				<ul class = "top-nav">
					<div id="topLoginContainer" class = "top-login-container">
						<span id = "topLogin">
							<a href="#" class = "top-denglu">登录</a>
							<span class = "spacer">|</span>
							<a href="#" class = "top-zhuce">注册有礼</a>
						</span>	
					</div>
					<li class = "spacer">|</li>
					<li>
						<a href="#">个人中心</a>
					</li>
					<li class = "spacer">|</li>
					<li>
						<a href="#">我的订单</a>
					</li>
					<li class = "spacer">|</li>
					<li>
						<a href="#">手机金海马</a>
					</li>
				</ul>
			</div>
		</section>
		<!--logo部分-->
		<header class = "register-head-container">
			<div class = "register-head clearfix">
				<!--logo部分-->
				<div class="logo">
					<a href="#">
						<img src="../img/registerimg/logo.png"/>
					</a>
				</div>
				<p class = "register-title">
					<span>注册金海马商城会员</span>
				</p>
			</div>
		</header>
		<!--主体部分-->
		<section class = "register-wrap claerfix">
			<div class="reg-left">
				<ul class = "hd">
					<li class = "hd-item active">
						<i class = "hd-phone-icon"></i>
						手机注册
					</li>
					<li class = "hd-item">
						<i class = "hd-mail-icon"></i>
						邮箱注册/用户名注册
					</li>
				</ul>
				<!--表单部分-->
				<div class="bd">
					<div class="bd-con">
						<form class = "reg-phone-form" action="">
							<div class="bd-form-wrap">
								<input class = "bd-form-item username" type="text" placeholder="请输入您的手机号码" />
							</div>
							<div class="bd-form-wrap">
								<input class = "bd-form-item password" type="password" placeholder="请设置您的密码" />
								<div class="info-tips">
									请设置6-20位数字、字母或符号的密码（不包括空格）
								</div>
							</div>
							<div class="bd-form-wrap">
								<input class = "bd-form-item phone-code" type="text" placeholder="请输入验证码" />
								<span class = "get-code">获取验证码</span>
							</div>
							<div class="bd-form-wrap">
								<input class = "bd-form-item img-code" type="text" placeholder="请输入图形验证码" />
								<img class = "image-code" src="../img/registerimg/imgcode.jpg"/>
								<a class = "change-code" href="#">
									<span>看不清？</span>
									换一张
								</a>
							</div>
							<div class="protocol">
								<i class = "pro-icon"></i>
								<span>
									我已阅读并同意
									<a href="#">《金海马商城用户服务协议》</a>
								</span>
							</div>
							<div class="phone-btn">
								立即注册
							</div>
						</form>
					</div>
					<div class="other-login">
						<span class = "title">使用合作网站帐号直接登录：</span>
						<a class = "reg-icon qq" href="#"></a>
						<a class = "reg-icon wx" href="#"></a>
						<a class = "reg-icon zfb" href="#"></a>
						<a class = "reg-icon wb" href="#"></a>
					</div>
					<p class = "goLogin">
						我已注册，
						<a class = "login" href="#">直接登录</a>
						>
					</p>
				</div>
			</div>
			<div class="reg-right">
				<a href="#">
					<img src="../img/registerimg/right2.jpg"/>
				</a>
				<a href="#">
					<img src="../img/registerimg/right1.jpg"/>
				</a>
			</div>
		</section>
		<!--底部通用部分-->
		<footer class = "common-footer-container">
			<ul class = "advantage">
				<li class = "item">
					<a href="#">
						<i class = "icon-26year"></i>
						<span>26年匠心打造</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-3a"></i>
						<span>AAA诚信企业</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-7day"></i>
						<span>7天无理由退换货</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-much"></i>
						<span>多仓直发极速达</span>
					</a>
				</li>
			</ul>
			<div class="friendship">
				<div class="link">
					<a class = "item" href="#">关于我们</a>
					<i>|</i>
					<a class = "item" href="#">帮助中心</a>
				</div>
				<p class = "copyright">©COPYRIGHT 2017 KINHOM.COM ALL RIGHTS RESERVED. 粤ICP备12018989号</p>
			</div>
		</footer>
	</body>
</html>
